<template>
	<view class="index">
		<!-- <nav-bar title="融易装" :background="background"></nav-bar> -->
		<nav-bars backState="2000" :bgColor="background" fontColor="#000" title="融易装"></nav-bars>
		<!-- 顶部搜索框 -->
		<view class="i_top">
			<view class="i_tCan">
				<view class="i_left" @click="gitmarkshow()">{{Marketnames.substring(0,2)}}<text
						class="iconfont icon-arrow-left-copy"></text></view>
				<view class="i_tInput">
					<view class="i_tiIcon iconfont icon-search"></view>
					<input type="text" confirm-type="search" @click="GoSearch" v-model="searchVal" @confirm="searchData"
						placeholder="搜索您感兴趣的家居" placeholder-class="col-ccc" />
				</view>
				<view class="i_tBtn">
					<!-- #ifndef MP-WEIXIN -->
					<view class="i_tbIcon" @click="gitchat()">
						<image src="@/static/home/kf.png"></image>
					</view>
					<!-- #endif -->
					<!-- #ifdef MP-WEIXIN -->
					<view class="i_tbIcon" @click="gitchat()" v-if="!config_id && !config_url">
						<image src="@/static/home/kf.png"></image>
					</view>
					<view class="i_tbIcon" v-else @click="gitpouchatshow">
						<image src="@/static/home/kf.png"></image>
					</view>
					<!-- #endif -->
				</view>
			</view>
		</view>
		<!-- 懒加载第一个模块 -->
		<view v-if="LazyoadType >= 1">
			<!-- 轮播 -->
			<view class="headeArea" style="width: 100%;">
			<view class="i_three" style="background: none;padding-bottom: 0;">
				<view class="i_tSwiper" style="height: 250rpx;">
					<swiper autoplay interval="4200" duration="300" :circular="true" @change="threeBannerChange">
						<swiper-item v-for="(item, index) in banner" :key="index">
							<view class="i_tCont" @click="navTo(item.link)">
								<!-- <image :src="item.img"></image> -->
								<u-image width="100%" height="100%" :src="item.img" :lazy-load="true"></u-image>
							</view>
						</swiper-item>
					</swiper>
					<view class="i_tDots">
						<view v-for="(item, index) in banner" :key="index"
							:class="['i_tDot', index == threeIndex ? 'active' : '']">
							<view class="i_tIcon"></view>
						</view>
					</view>
				</view>
			</view>
			<!-- iCON图标列表 -->
			<view class="i_fun">
				<view :class="[parseInt(iconCount.length)>4?'i_tSwiper iconList_two':'i_tSwiper iconLists']">
					<swiper @change="thChange">
						<swiper-item v-for="(item, index) in iconListArr" :key="index">
							<u-grid :col="4" :border="false">
								<u-grid-item :custom-style="{ padding: '0' }" v-for="(items, indexs) in item"
									:key="indexs" @click="OpenPath(items, indexs)" style="padding: 0!important;">
									<view class="i_fItem">
										<view class="i_fIcon">
											<u-image width="70rpx" height="70rpx" :src="items.cover" :lazy-load="true">
											</u-image>
										</view>
										<view class="i_fTxt">{{ items.type_name }}</view>
									</view>
								</u-grid-item>
							</u-grid>
							<!-- <view class="i_fItem" v-for="(items,indexs) in item" :key="indexs"
								@click="OpenPath(items,indexs)">
								<view class="i_fIcon">
									<u-image width="60rpx" height="60rpx" :src="items.cover" :lazy-load="true">
									</u-image>
								</view>
								<view class="i_fTxt">{{items.type_name}}</view>
							</view> -->
						</swiper-item>
					</swiper>
				</view>
				<view class="i_tDots">
					<view v-for="(item, index) in iconListArr" :key="index"
						:class="['i_tDot', index == thIndex ? 'active' : '']">
						<view class="i_tIcon"></view>
					</view>
				</view>
			</view>
			<!-- 标签 -->
			<view class="yopcom">
				<view class="i_com"><text class="k1">严选优质商家</text></view>
				<view class="i_com"><text class="k2">线下实体店铺</text></view>
				<view class="i_com"><text class="k3">送货上门安装</text></view>
			</view>
			</view>
			<!-- 清货专区 -->
			<!-- <view class="i_recomd" style="background:none">
				
				<view class="specialArea" @click="navTo('/pages_activity/pages/specialArea/index')">
					<image src="https://manager.ryz1620.com/static/activity/specialOfferImg.png" mode="widthFix">
					</image>
				</view>
			</view> -->
			<!-- 活动专题 -->
			<view class="i_recomd" style="background: none;">
				<!-- <view class="TitleView">
					<view class="i_rTitle">活动专题</view>
					<view class="i_tOper" @click="navTo('/pages_now/pages/now/promotion/index')">
						<view class="i_toIcon">
							<text>更多</text>
							<text class="iconfont icon-more" style="margin-top: -2rpx;"></text>
						</view>
					</view>
				</view> -->
				<view class="specialArea" style="margin-top: 20rpx;padding: 0 32rpx;" @click="navTo('/pages_activity/pages/specialArea/index')">
					<image src="https://manager.ryz1620.com/static/activity/activity_banner.png" mode="widthFix">
					</image>
				</view>
				<view class="two_i_rCan" v-if="LazyoadType >= 1" style="background: none;padding: 0 32rpx;">
					<view class="sideBar_left">
						<view class="two-item" @click="navTo('/pages_now/pages/now/seckill/index')">
							<image src="https://manager.ryz1620.com/static/activity/home_seckill.png" mode="widthFix">
							</image>
						</view>
					</view>
					<view class="sideBar_r">
						<view class="two-items" @click="navTo('/pages_now/pages/now/groupon/index')">
							<image src="https://manager.ryz1620.com/static/activity/home_group.png" mode="widthFix">
							</image>
						</view>
						<view class="two-items" @click="navTo('/pages_now/pages/now/vogue/index')">
							<image src="https://manager.ryz1620.com/static/activity/hotGoods.png" mode="widthFix">
							</image>
						</view>
					</view>
				</view>
				<!-- <view class="i_rCan ts_can">
            		<view class="i_rList ts_can">
            			<view class="ts_item" @click="navTo('/pages_now/pages/now/seckill/index')">
            				<view class="ts_cont">
            					<view class="ts_tit">秒杀</view>
            					<view class="ts_tm">#限时特惠</view>
            				</view>
            				<view class="ts_img">
            					<image src="https://cos.ryz1620.com/liankun/static/active1.png" mode="widthFix"></image>
            				</view>
            			</view>
            			<view class="ts_item" @click="navTo('/pages_now/pages/now/vogue/index')">
            				<view class="ts_cont">
            					<view class="ts_tit">爆品</view>
            					<view class="ts_tm">#热门单品</view>
            				</view>
            				<view class="ts_img">
            					<image src="https://cos.ryz1620.com/liankun/static/active2.png" mode="widthFix"></image>
            				</view>
            			</view>
            			<view class="ts_item" @click="navTo('/pages_now/pages/now/optimization/index')">
            				<view class="ts_cont">
            					<view class="ts_tit">优选</view>
            					<view class="ts_tm">#品质好物</view>
            				</view>
            				<view class="ts_img">
            					<image src="https://cos.ryz1620.com/liankun/static/active3.png" mode="widthFix"></image>
            				</view>
            			</view>
            		</view>
            	</view> -->
			</view>
			<!-- 3D体验等 -->
			<view class="learn_View">
				<view class="learn_item">
					<view class="learn_left" @click="navToTwo('/pages_view/pages/desiginview/experience', '3D体验馆')">
						<view>
							<view class="learn_left_title">自主设计</view>
							<view class="learn_left_des">所见即所得，身临其境</view>
						</view>
						<view class="learn_left_buttom">立即体验</view>
						<view class="learn_left_img">
							<!-- <image src="https://cos.ryz1620.com/liankun/static/newHome/3D_Dome.png"></image> -->
							<u-image width="282rpx" height="220rpx"
								src="https://cos.ryz1620.com/liankun/static/newHome/3D_Dome.png" :lazy-load="true">
							</u-image>
						</view>
					</view>
					<view class="learn_right">
						<view class="learn_right_top"
							@click="navToTwo('/pages_view/pages/desiginview/index', '按户型找设计')">
							<view>
								<view class="learn_right_title">按户型找设计</view>
								<view class="learn_right_des">宛如亲身实地看房</view>
							</view>
							<view class="learn_right_image">
								<u-image width="84rpx" height="90rpx"
									src="https://cos.ryz1620.com/liankun/static/newHome/City.png" :lazy-load="true">
								</u-image>
								<!-- <image src="https://cos.ryz1620.com/liankun/static/newHome/City.png"></image> -->
							</view>
						</view>
						<view class="learn_right_bottom" @click="navToTwo('/pages_now/pages/now/quote/index', '一键预算')">
							<view>
								<view class="learn_right_title">一键预算</view>
								<view class="learn_right_des">低价透明快速响应</view>
							</view>
							<view class="learn_right_image">
								<u-image width="84rpx" height="90rpx"
									src="https://cos.ryz1620.com/liankun/static/newHome/onePirce.png" :lazy-load="true">
								</u-image>
								<!-- <image src="https://cos.ryz1620.com/liankun/static/newHome/onePirce.png"></image> -->
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 视频推荐 -->
			<view class="livePlay">
				<view class="livePlayView">
					<view class="livePlayMain">
						<view class="livePlayItem" v-for="(item, index) in LiveList" :key="index"
							@click="openLive(item, index)">
							<view class="livePlaybg"
								:style="{ background: 'url(' + item.cover.path + ')', 'background-repeat': 'no-repeat', 'background-size': '100% 100%' }">
								<view class="livePlay_left">
									<view>
										<view class="livePlay_title ellipsisTextOne">{{ item.title }}</view>
										<!-- <view class="livePlay_des ellipsisTextOne">装修材料直通车</view> -->
									</view>
									<!-- <view class="livePlay_message">材料中心 | 孙红雷</view> -->
								</view>
								<view>
									<view class="livePlay_leftTop">
										<view class="livePlay_ing"></view>
										<!-- <view class="livePlay_back" >
												<image src="https://cos.ryz1620.com/liankun/static/newHome/video.png" ></image>
											</view> -->
										<view class="livePlay_text">{{ LiveConfig }}中</view>
									</view>
									<!-- <view class="livePlay_rightTop">家居&建材</view> -->
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 懒加载第二个模块 -->
		<view v-if="LazyoadType >= 2">
			<!-- 推荐产品 -->
			<view class="i_recomd" v-if="pushPack.length > 0">
				<view class="TitleView">
					<view class="i_rTitle">推荐产品</view>
					<view class="i_tOper" @click="product">
						<view class="i_toIcon">
							<text>更多</text>
							<text class="iconfont icon-more" style="margin-top: -2rpx;"></text>
						</view>
					</view>
				</view>
				<view class="i_rCan">
					<view class="i_rList">
						<view class="i_rItem" v-for="(item, index) in pushPack" :key="index"
							@click="topage(item.pack_id)">
							<view class="i_rImage">
								<u-image width="100%" height="224rpx" :src="item.lead_img" :lazy-load="true"></u-image>
								<!-- <image :src="item.lead_img"></image> -->
								<view class="i_rTag">整装产品</view>
							</view>
							<view class="i_rText omit-1">{{ item.name }}</view>
							<view class="i_rFee">
								<text class="fs-24 ft-bold mR-4">{{ item.price }}</text>
								元
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 3D体验 -->
			<view class="i_three">
				<view class="TitleView">
					<view class="i_rTitle">3D体验馆</view>
					<view class="i_tOper" @click="navTo('/pages_view/pages/desiginview/experience')">
						<view class="i_toIcon">
							<text>更多</text>
							<text class="iconfont icon-more" style="margin-top: -2rpx;"></text>
						</view>
					</view>
				</view>
				<!-- <view class="i_tTitle"><text>3D体验馆</text><text class="i_dRemark">可见即所得 全景体验家装效果</text></view> -->
				<view class="recomdDes">可见即所得 全景体验家装效果</view>
				<view class="i_tSwiper">
					<swiper autoplay interval="4200" duration="300" indicator-dots indicator-color="#ccc"
						indicator-active-color="#ffd425" @change="threeBannerChange">
						<swiper-item v-for="(item, index) in viewrlist" :key="index" v-if="index < 3">
							<view class="i_tCont" @click="viwerurl(item)">
								<image :src="item.thumb_url[0].path"></image>
								<view class="i_tBtn">
									<view class="i_tbImg">
										<image src="@/static/home/3d.png"></image>
									</view>
									<view class="i_tbTxt">3D</view>
								</view>
							</view>
						</swiper-item>
					</swiper>
					<!-- <view class="i_tDots">
						<view class="i_tDot" v-for="(item,index) in viewrlist" :key="index"
							:class="{'active': index == threeIndex}">
							<view class="i_tIcon"></view>
						</view>
					</view> -->
				</view>
			</view>
			<!-- 品牌家居 -->
			<view class="i_brand">
				<!-- <view class="i_bOper" @tap="topagemore"><text>更多</text><view class="i_boIcon"><view class="iconfont icon-more"></view></view></view>
				<view class="i_bTitle">品牌家具</view> -->
				<view class="TitleView">
					<view class="i_rTitle">品牌家居</view>
					<view class="i_tOper" @tap="topagemore">
						<view class="i_toIcon">
							<text>更多</text>
							<text class="iconfont icon-more" style="margin-top: -2rpx;"></text>
						</view>
					</view>
				</view>
				<view class="i_bList">
					<view class="i_bItem" v-for="item in brandList" :key="item.store_id"
						@tap="toPageurl(item.store_id)">
						<view class="i_topimg" :style="{
								background: 'url(https://cos.ryz1620.com/liankun/static/newHome/home2.png)',
								'background-repeat': 'no-repeat',
								'background-size': '100% 100%'
							}"></view>
						<view class="i_logo">
							<image :src="item.store_logo"></image>
						</view>
						<view class="i_bottom" style="height: 90rpx;">
							<view class="i_title ellipsisTextOne" style="width: 194rpx;">{{ item.store_name }}</view>
							<view class="i_des">
								<text v-for="(itm, idx) in item.cate_lst" :key="idx"
									v-if="idx < 3">{{ itm.cate_name }}</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 懒加载第三个模块 -->
		<view v-if="LazyoadType >= 3">
			<!-- 导航 -->
			<view style="padding: 24rpx 40rpx 24rpx 40rpx;background: #fff;margin-top: 36rpx;">
				<view class="swiper-wrapper" style="transition-duration: 0ms;">
					<view :class="['wrapper', activeIndex == index ? 'swiper-slide-active' : 'swiper-slide']"
						v-for="(item, index) in numArray" :key="index" @click="activethis(item, index)">
						<view class="started-at">{{ item }}</view>
					</view>
				</view>
			</view>
			<!-- 精品楼盘 -->
			<!-- <view class="P_View" v-if="activeIndex == 0">
				<view class="P_List">
					<view class="P_flex">
						<view class="P_item" v-for="(items,indexs) in homelist" :key="indexs"
							@click="navTo('/pages_onePlusN/pages/onePlusN/estateIndex?estate_id=' + items.id)">
							<view class="P_image">
								<image lazyLoad="true" :src="items.thumb_url[0].path"></image>
							</view>
							<view class="P_main">
								<view class="P_Title ellipsisText">{{items.name}}</view>
								<view class="estateMes">{{items.city}} |
									{{$utils.getFormatDate(items.build_time*1000,'yyyy')}}年建成
								</view>
								<view class="estatePirce">¥{{items.area_price}}/m²</view>
							</view>
						</view>
						<view class="P_buttom" @click="navTo('/pages_onePlusN/pages/onePlusN/estateList')">查看更多推荐</view>
					</view>
				</view>
			</view> -->
			<!-- 推荐商品 -->
			<view class="P_View" v-if="activeIndex == 0">
				<view class="P_List">
					<view class="P_flex">
						<view class="P_item" v-for="(items, indexs) in homeProductlist" :key="indexs"
							@click="navTo('/pages_mall/pages/mall/goods_details/goods_details?id=' + items.product_id)">
							<view class="P_image">
								<image lazyLoad="true" :src="items.main_imgurl"></image>
							</view>
							<view class="P_main">
								<view class="P_Title ellipsisText">{{ items.product_title }}</view>
								<view class="P_Pirce">
									{{ items.price }}
									<text class="P_money">元</text>
								</view>
							</view>
						</view>
						<view class="P_buttom" @click="navTo('/pages_now/pages/recommend/Goods')">查看更多推荐</view>
					</view>
				</view>
			</view>
			<!-- 设计师推荐 -->
			<view class="i_design" v-if="activeIndex == 1">
				<view class="i_dList">
					<view class="i_dItem" v-for="(item, index) in supportlist" :key="index"
						@click="navTo('/pages_design/pages/design/personal/personal?designerId=' + item.id)">
						<view class="i_dUser">
							<view class="i_dHead">
								<image :src="item.avatar.path"></image>
							</view>
							<view class="of-hidden">
								<view class="i_dFee">
									<text class="ft-bold fs-28">{{ item.end_offer }}</text>
									元/m²
								</view>
								<view class="of-hidden">
									<view class="i_dName">{{ item.title }}</view>
									<view class="i_dRemark">从业 {{ item.employ_year }}年 | 方案 {{ item.case_num }}</view>
								</view>
								<view class="i_dTags">
									<view class="i_dTag" v-for="(items, indexs) in item.design_style" :key="indexs"
										v-if="indexs < 4">{{ items.name }}</view>
								</view>
							</view>
						</view>
						<view class="i_dImage">
							<image :src="item.back_thumb_url.path"></image>
						</view>
					</view>
				</view>
				<view class="i_design_btn" @click="navTo('/pages_now/pages/recommend/Design')">查看更多</view>
			</view>
			<!-- 推荐案例 -->
			<view class="i_demo" v-if="activeIndex == 2" style="">
				<!-- <view class="i_dOper" @click="openurl(1)"><text>更多</text><view class="i_doIcon"><view class="iconfont icon-more"></view></view></view>
				<view class="i_dTitle">推荐案例</view> -->
				<view class="i_dList" style="overflow: hidden;box-sizing: border-box;">
					<view class="i_dItem" v-for="(item, index) in getRecommendList" :key="index"
						@click="navTo('/pages_design/pages/design/demo/demo?caseId=' + item.id)"
						style="box-shadow: 0rpx 0rpx 16rpx rgba(0, 0, 0, 0.06);">
						<view class="i_dImg">
							<image :src="item.thumb_url[0].path || 'https://cos.ryz1620.com/liankun/static/IMG279.png'">
							</image>
						</view>
						<view style="padding:0 24rpx 0rpx 24rpx;">
							<view class="i_dTit omit-2 ellipsisText">{{ item.title }}</view>
							<view class="i_dTags">
								<view class="i_dTag" v-for="(items, indexs) in item.design_style" :key="indexs">
									{{ items.name }}
								</view>
							</view>
							<view class="i_dUser">
								<view class="i_dRemark">{{ item.area }}m² | {{ item.offer }}万</view>
								<view class="i_dHead">
									<image
										:src="item.avatar.path || 'https://cos.ryz1620.com/liankun/static/IMG280.png'">
									</image>
								</view>
								<view class="i_dName">{{ item.username || '***' }}</view>
							</view>
						</view>
					</view>
				</view>
				<!-- GoPage -->
				<view class="i_design_btn" @click="GoPage('/pages_now/pages/recommend/case')">查看更多案例</view>
			</view>
		</view>
		<!-- 懒加载第4个模块 -->
		<view v-if="LazyoadType >= 4">
			<!-- 行业资讯 -->
			<view class="information">
				<view class="TitleView">
					<view class="i_rTitle">资讯</view>
					<view class="i_tOper" @tap="toInformationIndex">
						<view class="i_toIcon">
							<text>更多</text>
							<text class="iconfont icon-more" style="margin-top: -2rpx;"></text>
						</view>
					</view>
				</view>
				<view class="list" v-for="(item, index) in indexMsgList" :key="index"
					@click="toInformationInfo(item.id)">
					<view class="list-left">
						<view class="des">{{ item.title }}</view>
						<view class="time">{{ $utils.getDateDiff(item.create_time * 1000) }}</view>
					</view>
					<image v-if="item.type == 1" :src="item.media[0].path" mode="" class="info-img"></image>
					<image v-if="item.type == 2" :src="item.media[0].cover" mode="" class="info-img"></image>
				</view>
			</view>
		</view>
		<!-- 浮窗按钮 -->
		<view class="s_fixed">
			<view class="s_fBtn" id="car" @click="malldcart">
				<view class="s_fcIcon">
					<image src="/static/common/icon_fixed3.png"></image>
				</view>
				<!-- <view class="s_fcNum" v-if="num > 0">{{num}}</view> -->
				<view class="s_fcTxt">购物车</view>
			</view>
		</view>
		<!-- 广告弹框 -->
		<view class="bannerpop" :style="showModal ? '' : 'display:none;'">
			<view class="bannercont">
				<view class="bannername" @click="navTo(bannerimg.link)">
					<image :src="bannerimg.img" mode="widthFix"></image>
				</view>
				<view class="iconfont icon-close" @click="handleHideCodeClick"></view>
			</view>
		</view>
		<!-- 红包弹窗 -->
		<!-- <view class="bannerpop" :style="showRedModal?'':'display:none;'">
			<view class="bannercont">
				<view class="redMoney">
					88.90<text>元</text>
				</view>
				<view class="bannername">
					<image src="https://manager.ryz1620.com/static/activity/redBao.png" mode="widthFix"></image>
				</view>
				<view class="receiveBtn">
					立即领取
				</view>
				<view class="iconfont icon-close" @click="handleHideRedClick"></view>
			</view>
		</view> -->
		<!-- 红包弹窗 -->
		<!-- 抽奖悬浮 -->
		<view class="luck-draw" v-if="showLuckDraw === true && showRedModal === false">
			<view class="iconfont icon-close" @click="luckDrawClose"></view>
			<view v-for="(item, index) in activityShow" :key="index">
				<image v-if="index === 0" :src="item.img" class="luck-draw-img"
					@click="GoPage('/pages_activity/pages/lotteryDraw/luckyGrid?id=' + item.item_id)"></image>
				<!-- <image :src="baseimg+'/static/activity/iPhone13.png'" class="luck-draw-img" @click="GoPage('/pages/lotteryDraw/luckyGrid')"></image> -->
			</view>
		</view>
		<!-- 微信客服 -->
		<view class="pouchat" v-if="pouchatshow">
			<view class="poucont">
				<view class="chatlist">
					<view class="chatml" @click="gitwxchat()" v-if="config_url">
						<image src="https://manager.ryz1620.com/static/my/wxchat.png" mode="widthFix"></image>
						<text class="t1">在线微信客服</text>
						<text class="t2">可直接联系客服</text>
					</view>
					<view class="chatml" v-if="config_id">
						<cell class="cell-service" bind:startmessage="startmessage"
							bind:completemessage="completemessage" :plugid="config_id" />
						<image src="https://manager.ryz1620.com/static/my/codechat.png" mode="widthFix"></image>
						<text class="t1">添加微信客服</text>
						<text class="t2">扫微信二维码</text>
					</view>
				</view>
				<view class="iconfont icon-close" @click="wxCodeClick"></view>
			</view>
		</view>
		<!-- 选择卖场 -->
		<view class="maipou" v-if="Marketidshow">
			<view class="maicont">
				<view class="maitop">请选择卖场 <text class="iconfont icon-close" @click="gitmarkshow()"></text></view>
				<view class="contnam">
					<view class="itemmai" @click="gitMarketid(item)" :class="{active:Marketid==item.id}"
						v-for="(item,index) in Marketlist" :key="index">
						<image :src="`https://manager.ryz1620.com/static/my/dl${index+1}.png`"></image>
						<text>{{item.name}}</text>
					</view>
				</view>
				<view class="maibtn" @click="gitMarketchose()">进入卖场</view>
			</view>
		</view>
		<!-- 选择卖场 -->
		<view class="maipou" v-if="nowMarketshow">
			<view class="maicont">
				<view class="maitop" style="background: #fff; color: #000;">定位显示附近的卖场 <text class="iconfont icon-close"
						@click="gitmashow()"></text></view>
				<view class="contnam">
					<view class="itemsd active" @click="gitMarketchoses(item)" v-if="nowMarketid==item.id"
						v-for="(item,index) in Marketlist" :key="index">
						<text>切换{{item.name}}</text>
					</view>
					<view class="itemsd" @click="gitMarketchoses(item)" v-if="nowMarketid!=item.id"
						v-for="(item,index) in Marketlist" :key="index">
						<text>浏览{{item.name}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import service_design from '@/service/design';
	import service_mall from '@/service/mall.js';
	import activity from '@/service/activity.js';
	import $HTTPS from '@/service/DIY.js';
	export default {
		components: {
			// #ifdef MP-WEIXIN
			cell: 'plugin://contactPlugin/cell'
			// #endif
		},
		data() {
			return {
				baseimg: 'https://manager.ryz1620.com',
				background: 'rgba(255,255,255,0)',
				threeIndex: 0,
				thIndex: 0,
				searchVal: '',
				contentIndex: 0,
				// 是否滑动到底部
				isScrollBtm: false,
				isScrollFlag: false,
				// icon数据
				iconListArr: [],
				// 数据arr
				banner: [], //轮播
				LiveList: [], //视频推荐
				pushPack: [], // 推荐产品
				viewrlist: [], //3d体验推荐
				brandList: [], //品牌推荐
				homelist: [], //精品楼盘
				homeProductlist: [], //好物推荐
				supportlist: [], //设计师推荐
				getRecommendList: [], //案例推荐
				list: [], //家装圈
				listvideo: [], //微视
				type: 0,
				showModal: false,
				bannerimg: '',
				userId: '',
				activeIndex: 0, //默认选中第一个
				// numArray: ['精品楼盘', '家居好物', '设计师', '推荐案例'],
				numArray: ['家居好物', '设计师', '推荐案例'],
				listlist: [{
						name: '十年'
					},
					{
						name: '青春'
					},
					{
						name: '之约'
					}
				],
				// 因为内部的滑动机制限制，请将tabs组件和swiper组件的current用不同变量赋值
				current: 0, // tabs组件的current值，表示当前活动的tab选项
				swiperCurrent: 0, // swiper组件的current值，表示当前那个swiper-item是活动的
				token: '',
				userMobile: '',
				LazyoadType: 1, //懒加载
				LiveConfig: '', //
				navHeight: '0',
				config_id: '',
				config_url: '',
				pouchatshow: false,
				indexMsgList: [], //首页资讯推荐列表
				showLuckDraw: false, //抽奖悬浮
				activityShow: [], //活动列表
				showRedModal: false, //红包
				gifList: [], //礼包,
				Marketlist: [],
				Marketid: '',
				Marketname: '',
				Marketnames: '',
				Marketidshow: false,
				latitude: '',
				longitude: '',
				nowMarketid: '',
				nowMarketshow: false,
				iconCount: '',
			};
		},
		computed: {
			// navHeight() {
			// 	return this.$store.state.system.navBarHeight
			// } // Nav栏高度
		},
		onReady() {
			var value = uni.getStorageSync('LiveConfig');
			var navHeights = uni.getStorageSync('StatusBarHeight');
			// console.log(navHeights);
			this.navHeight = navHeights.height;
			this.LiveConfig = value;
		},
		onShow() {
			this.videoContext = uni.createVideoContext('myvideo', this);
			this.videoContext.requestFullScreen({
				direction: 90
			});
			this.userMobile = this.$store.state.index.userMobile;
			this.token = uni.getStorageSync('token');
		},
		onShareAppMessage(res) {
			if (res.from === 'button') {}
			return {
				title: '融易装',
				path: '/pages/home/index/index',
				success: function(res) {
					console.log('成功', res);
				}
			};
		},
		onShareTimeline(res) {
			if (res.from === 'menu') {}
			return {
				title: '融易装',
				path: '/pages/home/index/index',
				success: function(res) {
					console.log('成功', res);
				}
			};
		},
		onLoad(params) {
			//let entry=uni.getStorageSync('entry');//标记是否入口进来
			// if(!entry || entry==undefined){
			// 	uni.reLaunch({
			// 		url: "/pages_activity/pages/welcome/index"
			// 	})
			// }
			this.gitMarket()
			this.Marketnames = uni.getStorageSync('Marketname') || '桂林'
			this.Marketid = uni.getStorageSync('Marketid') || ''
			let lng = uni.getStorageSync('location_longitude')
			if (lng) {
				this.latitude = uni.getStorageSync('location_latitude')
				this.longitude = uni.getStorageSync('location_longitude')
			} else {
				this.getlng()
			}
			this.$utils.getUrl();
			this.gitConfig();
			this.gitwxConfig();
			let token = uni.getStorageSync('token');
			// #ifdef MP-WEIXIN
			if (token) {
				this.$utils.gitsetting();
			}
			// #endif
			if (params.share_uid) {
				let shareuId = params.share_uid;
				this.$store.commit('index/SET_shareuId', shareuId);
				if (token && shareuId) {
					service_mall
						.getPromoter({
							share_uid: shareuId
						})
						.then(res => {});
				}
			}
			// #ifdef MP-WEIXIN
			gio('getLocation');
			gio('setPage', {
				pageName: '融易装'
			});
			// #endif
			// this.$uma.trackEvent('Um_Event_PageView', {
			// 	Um_Key_PageName: '首页',
			// 	// Um_Key_PageCategory: 'xxxx',
			// 	// Um_Key_SourcePage: 'xxxx',
			// 	Um_Key_SourceLocation: 'pages/home/index/index',
			// 	Um_Key_UserID: '525',
			// 	// Um_Key_UserLevel: 'xxxx',
			// 	Um_Key_Duration: '0.88'
			// });
			// this.$uma.setSuperProperty('setAnonymousid')
			this.userId = uni.getStorageSync('userId');
			this.lazyLoadData();
			service_mall.getindex().then(res => {
				// console.log(res, 'iconicon')
				if (res.code == 1) {
					let data = res.data;
					var result = [];
					for (var i = 0; i < data.length; i += 8) {
						result.push(data.slice(i, i + 8));
					}
					this.iconListArr = result;
					this.iconCount = data;
				} else {
					this.$utils.showErr({
						title: res.msg
					});
				}
			});

			this.getluckDrawShow();
		},
		onReachBottom() {
			// console.log(123);
			this.lazyLoadData();
			// if(this.LazyoadType <= 4){
			// 	this.lazyLoadData()
			// }else{
			// 	console.log(123);
			// 	this.isScrollBtm = true
			// 	this.isScrollFlag = true
			// 	setTimeout(() => {
			// 		this.isScrollFlag = false
			// 	}, 500)
			// }
			if (this.LazyoadType >= 4) {
				this.isScrollBtm = true;
				this.isScrollFlag = true;
				setTimeout(() => {
					this.isScrollFlag = false;
				}, 500);
			}
		},

		methods: {
			// 获取企业微信callme配置
			gitConfig() {
				service_mall
					.getCallMeConfig({
						partner_type: 'root',
						partner_id: 1
					})
					.then(res => {
						if (res.code == 1) {
							this.config_id = res.data.config_id;
						}
					});
			},
			getlng() {
				let that = this
				uni.getLocation({
					type: 'wgs84',
					success: function(res) {
						that.latitude = res.latitude
						that.longitude = res.longitude
						uni.setStorageSync('location_longitude', res.longitude);
						uni.setStorageSync('location_latitude', res.latitude);
						let temp = []
						for (let i = 0, l = that.Marketlist.length; i < l; i++) {
							const element = that.Marketlist[i]
							let d = that.distance(
								element.lat,
								element.long,
								res.latitude,
								res.longitude
							)
							temp.push({
								num: d,
								id: element.id,
								name: element.name,
							})
						}
						// 最小距离
						let s = Math.min.apply(Math, temp.map(item => {
							return item.num
						}))
						let list = temp.find(val => val.num == s)
						console.log(s)
						that.nowMarketid = list.id
						that.nowMarketshow = true
					}
				});
			},
			// 获取卖场信息
			gitMarket() {
				service_mall.Market({}).then(res => {
					if (res.code == 1) {
						this.Marketlist = res.data
					}
				});
			},
			gitmarkshow() {
				this.Marketidshow = !this.Marketidshow
			},
			gitMarketid(item) {
				this.Marketid = item.id
				this.Marketname = item.name
				uni.setStorageSync('Marketid', this.Marketid);
				uni.setStorageSync('Marketname', this.Marketname);
			},
			gitMarketchose() {
				this.Marketidshow = false
				uni.reLaunch({
					url: "/pages/home/index/index"
				})
			},
			gitmashow() {
				this.Marketidshow = false
			},
			gitMarketchoses(item) {
				this.Marketid = item.id
				this.Marketname = item.name
				uni.setStorageSync('Marketid', item.id);
				uni.setStorageSync('Marketname', item.name);
				this.nowMarketshow = false
				uni.reLaunch({
					url: "/pages/home/index/index"
				})
			},
			// 两点间距离
			distance(la1, lo1, la2, lo2) {
				var La1 = (la1 * Math.PI) / 180.0
				var La2 = (la2 * Math.PI) / 180.0
				var La3 = La1 - La2
				var Lb3 = (lo1 * Math.PI) / 180.0 - (lo2 * Math.PI) / 180.0
				var s =
					2 *
					Math.asin(
						Math.sqrt(
							Math.pow(Math.sin(La3 / 2), 2) +
							Math.cos(La1) * Math.cos(La2) * Math.pow(Math.sin(Lb3 / 2), 2)
						)
					)
				s = s * 6378.137 //地球半径
				s = Math.round(s * 10000) / 10000
				return s
			},
			gitwxConfig() {
				service_mall
					.getwxMeConfig({
						partner_type: 'root',
						partner_id: 1
					})
					.then(res => {
						if (res.code == 1) {
							this.config_url = res.data.url;
						}
					});
			},
			gitpouchatshow() {
				this.pouchatshow = true;
			},
			wxCodeClick() {
				this.pouchatshow = false;
			},
			gitwxchat() {
				wx.openCustomerServiceChat({
					extInfo: {
						url: this.config_url
					},
					corpId: this.$env.CORPID,
					success(res) {}
				});
			},
			lazyLoadData() {
				let type = this.LazyoadType;
				if (type == 1) {
					this.banners(); //轮播
					this.getLiveplayList(); //视频推荐
					this.getData(); //推荐产品
					let time = uni.getStorageSync('time');
					if (time) {
						let now = this.conversionTime(new Date());
						if (now > time) {
							this.homebanner();
						}
					} else {
						this.homebanner();
					}
				} else if (type == 2) {
					this.getviewr(); //3d体验官
					this.getDatashop(); //品牌
					this.tuishop(); //好物推荐
					this.tuihome();
				} else if (type == 3) {
					this.support(); //推荐设计师
					this.getRecommend(); //推荐案列
					// this.getRecommendTrend(); //推荐动态
				} else if (type == 4) {
					this.getRecomInformation(); //资讯推荐
				} else {
					return false;
				}
				++this.LazyoadType;
			},

			// 获取资讯推荐列表
			getRecomInformation() {
				service_mall.getRecomInformation().then(res => {
					console.log(res, '首页资讯推荐');
					if (res.code == 1) {
						this.indexMsgList = res.data ? res.data : [];
					}
				});
			},

			// banner
			banners() {
				service_mall
					.index_getBanner({
						type: 8
					})
					.then(res => {
						if (res.code == 1) {
							this.banner = res.data;
						}
					});
			},
			// 视频推荐列表
			getLiveplayList() {
				var that = this;
				service_mall
					.getLiveplayList()
					.then(res => {
						if (res.code == 1) {
							that.LiveList = res.data;
							// console.log(res.data);
						} else {
							this.$utils.showErr({
								title: res.msg
							});
						}
					})
					.catch(err => {
						this.$utils.showErr();
					});
			},
			// 推荐产品
			getData() {
				service_mall
					.index_getData()
					.then(res => {
						if (res.code == 1) {
							let data = res.data;
							// let brandList = data.topStore    //获取推荐产品
							let pushPack = data.pushPack;
							// this.brandList = brandList
							this.pushPack = pushPack;
						} else {
							this.$utils.showErr({
								title: res.msg
							});
						}
					})
					.catch(err => {
						this.$utils.showErr();
					});
			},
			// 3d列表
			getviewr() {
				// service_design.getDesignerviewr({}).then(res => {
				// 	if (res.code == 1) {
				// 		this.viewrlist = res.data.list
				// 	}
				// });
				let params = {
					bedroom_num: '',
					area: '',
					page: 1,
					pagesize: 15,
					is_light_design: 1
				};
				service_design.getDemoList(params).then(res => {
					if (res.code == 1) {
						let data = res.data;
						// 处理数据
						this.viewrlist = res.data ? res.data : [];
					}
				});
			},
			// 推荐品牌
			getDatashop() {
				service_mall
					.index_getshop()
					.then(res => {
						if (res.code == 1) {
							let data = res.data;
							let brandList = data; // 精选品牌
							this.brandList = brandList;
						} else {
							this.$utils.showErr({
								title: res.msg
							});
						}
					})
					.catch(err => {
						this.$utils.showErr();
					});
			},
			// 精品楼盘
			tuihome() {
				service_mall.index_gethome({}).then(res => {
					if (res.code == 1) {
						this.homelist = res.data;
					}
				});
			},
			// 推荐商品
			tuishop() {
				service_mall.index_gethomeProduct({}).then(res => {
					if (res.code == 1) {
						this.homeProductlist = res.data;
					}
				});
			},
			// 推荐设计师
			support() {
				service_design.support({}).then(res => {
					if (res.code == 1) {
						this.supportlist = res.data;
					}
				});
			},
			// 推荐案列
			getRecommend() {
				service_design.getRecommend({}).then(res => {
					if (res.code == 1) {
						this.getRecommendList = res.data;
					}
				});
			},
			// 推荐动态
			// getRecommendTrend() {
			// 	uni.showLoading({
			// 		title: '加载中',
			// 		mask: true
			// 	})
			// 	service_design.getRecommendTrend({
			// 		type: this.type
			// 	}).then(res => {
			// 		uni.hideLoading()
			// 		if (res.code == 1) {
			// 			if (this.type == 0) {
			// 				this.list = res.data
			// 			} else {
			// 				this.listvideo = res.data
			// 			}
			// 		}
			// 	});
			// },

			//点击选择哪一个选项
			activethis(item, index) {
				var that = this;
				//点击选中事件
				that.activeIndex = index;
			},
			GoSearch() {
				uni.navigateTo({
					url: '/pages_now/pages/home/search'
				});
				// let aa = "2019/05/21 11:33:01";
				// let bb = "2019/05/22 18:34:59";
				// console.log(this.getTime(aa, bb));
				// this.$Rangers.event('pageView', {
				// 	'name': '首页',
				// 	'page': 'pages/home/index/index',
				// 	'UserID': '525'
				// })
			},

			//测试
			topageSDK() {
				uni.navigateTo({
					url: '/pages_design/pages/design/demolist/list?tab=2'
				});
			},
			viwerurl(item) {
				let url = encodeURIComponent(item.display_url);
				uni.navigateTo({
					url: '/pages_3D/pages/3D/panorama?url=' + url
				});
				// if (item.light_design_id) {
				// 	uni.navigateTo({
				// 		url: '/pages_3D/pages/3D/degin?obsEasyDesignId=' + item.light_design_id
				// 	});
				// } else {
					
				// }
			},
			GoSwitchTab(url) {
				uni.switchTab({
					url: url
				});
			},
			GoPage(url) {
				uni.navigateTo({
					url: url
				});
			},
			searchData() {
				uni.navigateTo({
					url: '/pages_mall/pages/mall/goods/list?keyword=' + this.searchVal
				});
			},
			navToTwo(url) {
				uni.navigateTo({
					url
				});
			},
			navTo(url) {
				uni.navigateTo({
					url
				});
			},
			handleHideCodeClick() {
				this.showModal = false;
			},
			handleHideRedClick() {
				this.showRedModal = false;
			},
			//抽奖关闭
			luckDrawClose() {
				this.showLuckDraw = false;
			},
			// 3D-轮播图切换
			threeBannerChange(e) {
				this.threeIndex = e.detail.current;
			},
			thChange(e) {
				this.thIndex = e.detail.current;
			},
			openLive(item, index) {
				if (!this.token) {
					// console.log(123);
					uni.navigateTo({
						url: '/pages_login/pages/login/login/index'
					});
				} else {
					// console.log(item);
					// let url = encodeURIComponent(item.play_url)
					uni.navigateTo({
						url: '/pages_player/pages/playerDetailes/index?id=' + item.id
					});
				}
			},

			toPageurl(store_id) {
				var that = this;
				$HTTPS
					.GetDiyData({
						partner_id: store_id
					})
					.then(res => {
						if (res.code == 1) {
							let data = res.data;
							console.log(data);
							if (data.content) {
								uni.navigateTo({
									url: '/pages_mall/pages/Decoration/view/index?storeId=' + store_id
								});
							} else {
								uni.navigateTo({
									url: '/pages_mall/pages/mall/store/storeNew?storeId=' + store_id
								});
							}
						} else {
							that.$utils.showErr({
								title: res.msg
							});
						}
					})
					.catch(err => {
						that.$utils.showErr({
							title: err
						});
					});
			},
			//产品详情
			topage(id) {
				uni.navigateTo({
					url: '/pages_product/pages/product/newPackDetail/detail?pack_id=' + id
				});
			},
			topagemore() {
				uni.navigateTo({
					url: '/pages_mall/pages/mall/brandList/brandList'
				});
			},

			// 资讯更多按钮
			toInformationIndex() {
				uni.navigateTo({
					url: '/pages_mall/pages/information/informationIndex'
				});
			},
			// 资讯详情
			toInformationInfo(id) {
				uni.navigateTo({
					url: '/pages_mall/pages/information/informationInfo?information_id=' + id
				});
			},

			// 弹出广告
			homebanner() {
				service_mall
					.index_getBanner({
						type: 6
					})
					.then(res => {
						if (res.code == 1) {
							// 缓存过期时间
							let ckInfo = this.conversionTime(new Date());
							uni.setStorage({
								key: 'time',
								data: ckInfo
							});
							if (res.data.id == 0) {} else {
								this.showModal = true;
							}
							this.bannerimg = res.data[0];
						}
					});
			},
			// 客服
			gitchat() {
				uni.showToast({
					title: '哎呀!不好意思，暂未配置客服...',
					icon: 'none',
					duration: 2000
				});
				// let token = uni.getStorageSync('token');
				// if (token) {
				// 	uni.navigateTo({
				// 		url: '/pages_customer/pages/index?partner_type=root&partner_id=0'
				// 	});
				// } else {
				// 	uni.showModal({
				// 		title: '提示！',
				// 		content: '请先登录！',
				// 		success: function(s) {
				// 			if (s.confirm) {
				// 				uni.navigateTo({
				// 					url: '/pages_login/pages/login/login/index'
				// 				});
				// 			}
				// 		}
				// 	});
				// }
			},
			openurl(e) {
				if (e == 1) {
					uni.navigateTo({
						url: '/pages_design/pages/design/demolist/list?tab=0'
					});
				} else if (e == 2) {
					uni.navigateTo({
						url: '/pages_view/pages/desiginview/index'
					});
				} else if (e == 3) {
					uni.navigateTo({
						url: '/pages_design/pages/design/demolist/list?tab=1'
					});
				} else {
					uni.navigateTo({
						url: '/pages_mall/pages/mall/brandList/brandList'
					});
				}
			},
			toONEshop() {
				let token = uni.getStorageSync('token');
				if (!token) {
					uni.navigateTo({
						url: '/pages_login/pages/login/login/index'
					});
				} else {
					uni.navigateTo({
						url: '/pages_3D/pages/3D/oneshop'
					});
				}
			},
			OpenPath(item, index) {
				var that = this;
				let token = uni.getStorageSync('token');
				uni.navigateTo({
					url: item.path
				});
				// console.log(item);
				// #ifdef MP-WEIXIN
				gio('track', 'homeIconList', {
					IconPage: item.path,
					IconName: item.type_name
				});
				// #endif
			},
			getnone() {
				uni.showToast({
					title: '功能正在开发中...',
					icon: 'none',
					duration: 2000
				});
			},
			// 购物车
			malldcart() {
				uni.navigateTo({
					url: `/pages_mall/pages/mall/cart/cart`
				});
			},
			product() {
				uni.navigateTo({
					url: '/pages_product/pages/product/index/index'
				});
			},
			// 内容-轮播图切换
			contentBannerChange(e) {
				// console.log(e);
				this.contentIndex = e.detail.current;
				if (e.detail.current == 0) {
					this.contentBannerToggle(0);
				} else {
					this.contentBannerToggle(1);
				}
			},

			contentBannerToggle(index) {
				this.type = index;
				// this.getRecommendTrend();
				if (this.contentIndex != index) this.contentIndex = index;
			},
			trendStore(item, index) {
				let status = item.support_status;
				if (status == 1) {
					uni.showModal({
						title: '提示',
						content: '确认取消点赞?',
						success: res => {
							if (res.confirm) {
								service_mall
									.gitTrendstatus({
										trend_id: item.id,
										status: 0
									})
									.then(res => {
										if (res.code == 1) {
											this.listvideo[index].support_status = 0;
											this.listvideo[index].support_num--;
										} else {
											this.$utils.showErr({
												title: res.msg
											});
										}
									});
							} else if (res.cancel) {
								return;
							}
						}
					});
				} else {
					service_mall
						.gitTrendstatus({
							trend_id: item.id,
							status: 1
						})
						.then(res => {
							if (res.code == 1) {
								this.listvideo[index].support_status = 1;
								this.listvideo[index].support_num++;
							} else {
								this.$utils.showErr({
									title: res.msg
								});
							}
						});
				}
			},
			trendStores(item, index) {
				let status = item.support_status;
				if (status == 1) {
					uni.showModal({
						title: '提示',
						content: '确认取消点赞?',
						success: res => {
							if (res.confirm) {
								service_mall
									.gitTrendstatus({
										trend_id: item.id,
										status: 0
									})
									.then(res => {
										if (res.code == 1) {
											this.list[index].support_status = 0;
											this.list[index].support_num--;
										} else {
											this.$utils.showErr({
												title: res.msg
											});
										}
									});
							} else if (res.cancel) {
								return;
							}
						}
					});
				} else {
					service_mall
						.gitTrendstatus({
							trend_id: item.id,
							status: 1
						})
						.then(res => {
							if (res.code == 1) {
								this.list[index].support_status = 1;
								this.list[index].support_num++;
							} else {
								this.$utils.showErr({
									title: res.msg
								});
							}
						});
				}
			},
			// 获取时间转成整数
			conversionTime(time) {
				// let dateClose = new Date();
				let dateClose = time;
				let seperator1Close = '-';
				let yearClose = dateClose.getFullYear();
				let monthClose = dateClose.getMonth() + 1;
				let strDateClose = dateClose.getDate();
				if (monthClose >= 1 && monthClose <= 9) {
					monthClose = '0' + monthClose;
				}
				if (strDateClose >= 0 && strDateClose <= 9) {
					strDateClose = '0' + strDateClose;
				}
				let currentdateClose = Number((yearClose + seperator1Close + monthClose + seperator1Close + strDateClose)
					.replace(/-/g, ''));
				// console.log(currentdateClose,'currentdateClose');
				return currentdateClose;
			},
			//抽奖悬浮
			getluckDrawShow() {
				activity.luckDrawShow({}).then(res => {
					if (res.code == 1 && res.data.data.length > 0) {
						this.showLuckDraw = true;
						this.activityShow = res.data.data;
					} else {
						// this.$utils.showErr({
						// 	title: res.msg
						// })
					}
				});
			}
		},
		onShareAppMessage(res) {
			let that = this;
			if (res.from === 'button') {}
			return {
				title: '融易装',
				path: '/pages/home/index/index?share_uid=' + this.userId,
				success: function(res) {}
			};
		},

		onPageScroll(e) {
			let scrollTop = e.scrollTop;
			if (scrollTop >= 100) {
				this.background = '#fff';
			} else {
				this.background = 'rgba(255,255,255,0)';
			}
			if (this.isScrollBtm) {
				if (!this.isScrollFlag) {
					this.isScrollBtm = false;
				}
			}
		}
	};
</script>

<style lang="scss">
	page {
		background: #f8f8f8;
	}

	// .wrap {
	// 		padding: 24rpx;
	// 	}

	// .u-row {
	// 	margin: 40rpx 0;
	// }

	.demo-layout {
		height: 80rpx;
		border-radius: 8rpx;
	}

	.bg-purple {
		background: #d3dce6;
	}

	.bg-purple-light {
		background: #e5e9f2;
	}

	.bg-purple-dark {
		background: #99a9bf;
	}

	.ellipsisTextOne {
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}

	.ellipsisText {
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.swiper-wrapper {
		display: flex;
		align-items: center;

		.wrapper {
			padding-bottom: 10rpx;
			font-size: 28rpx;
			font-weight: 400;
			line-height: 40rpx;
			color: #333333;
			margin-right: 40rpx;
		}

		.swiper-slide-active {
			font-size: 36rpx;
			font-weight: 600;
			line-height: 50rpx;
			color: #333333;
			position: relative;
			padding-bottom: 15rpx;
		}

		.swiper-slide-active::before {
			content: '';
			width: 52rpx;
			height: 8rpx;
			background: #c3ab7c;
			box-shadow: 0rpx 6rpx 8rpx rgba(195, 171, 124, 0.49);
			opacity: 1;
			border-radius: 6rpx;
			position: absolute;
			left: 50%;
			transform: translate(-50%, 0%);
			bottom: 10rpx;
		}
	}

	.index {

		// 顶部搜索框
		.i_top {
			margin-top: 20rpx;
			padding-left: 130rpx;
			padding-right: 120rpx;
			position: relative;

			.i_left {
				line-height: 72rpx;
				position: absolute;
				left: 30rpx;
				top: 0;
			}

			.i_tCan {
				width: 100%;
			}

			.i_tBtn {
				width: 100rpx;
				display: flex;
				flex-flow: column;
				justify-content: center;
				align-items: center;
				position: absolute;
				right: 10rpx;
				top: 0;
			}

			.i_tbIcon {
				width: 72rpx;
				height: 72rpx;
				padding-top: 15%;
				padding-left: 15%;
				position: relative;

				.cell-service {
					position: absolute;
					right: 0;
					bottom: 0;
					left: 0;
					top: 0;
					opacity: 0;
					z-index: 10;

					.cell--bubble {
						width: 100%;
					}
				}

				image {
					width: 80%;
					height: 80%;
				}
			}

			.i_tbTxt {
				height: 28rpx;
				line-height: 28rpx;
				font-size: 20rpx;
				margin-top: 4rpx;
			}

			.i_tInput {
				height: 72rpx;
				border-radius: 36rpx;
				background: #ededed;
				position: relative;
				overflow: hidden;

				.col-ccc {
					color: #999999;
					font-size: 24rpx;
				}

				&>input {
					width: 100%;
					height: 100%;
					font-size: 24rpx;
					padding: 0 24rpx 0 72rpx;
				}
			}

			.i_tiIcon {
				width: 32rpx;
				height: 32rpx;
				line-height: 32rpx;
				color: #ccc;
				font-size: 32rpx;
				margin-top: -16rpx;
				position: absolute;
				top: 50%;
				left: 28rpx;
			}
		}

		// 功能
		.i_fun {
			margin-top: 20rpx;
			border-radius: 8rpx 8rpx 0 0;
			background: #fff;
			padding: 32rpx 0 10rpx 0;
            margin-left: 32rpx;
			position: relative;
            margin-right: 32rpx;
			.IconList {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: space-between;
			}

			.i_fItem {
				display: flex;
				// float: left;
				align-items: center;
				flex-direction: column;
				justify-content: center;
				// width: 25%;
				margin-bottom: 32rpx;
			}

			.i_fIcon {
				width: 70rpx;
				height: 70rpx;
			}

			.i_fTxt {
				font-size: 24rpx;
				margin-top: 14rpx;
			}

			.i_tDots {
				width: 100%;
				position: absolute;
				bottom: 8rpx;
				left: 0;
				display: flex;
				justify-content: center;
			}

			.i_tDot {
				width: 60rpx;
				height: 10rpx;

				&.active .i_tIcon {
					background: #ffd425;
				}

				.i_tIcon {
					width: 40rpx;
					height: 5rpx;
					margin: auto;
					background: rgba(0, 0, 0, 0.3);
				}
			}

			.iconLists {
				width: 100%;
				height: 160rpx !important;
			}

			.iconList_two {
				width: 100%;
				height: 280rpx !important;
			}
		}

		// banner
		.i_banner {
			height: 232rpx;
			margin: 24rpx 32rpx 0;
			border-radius: 10rpx;
			background: #f6f7fb;

			.i_bItem {
				width: 100%;
				height: 100%;
				padding-left: 30rpx;
				position: relative;
				overflow: hidden;
			}

			.i_bImg {
				width: 196rpx;
				height: 196rpx;
				border-radius: 8rpx;
				position: absolute;
				top: 16rpx;
				right: 28rpx;
				overflow: hidden;
			}

			.i_bTit {
				height: 44rpx;
				line-height: 44rpx;
				font-size: 32rpx;
				font-weight: bold;
				margin-top: 30rpx;
			}

			.i_bTxt {
				height: 28rpx;
				line-height: 28rpx;
				font-size: 20rpx;
				margin-top: 12rpx;
			}

			.i_bBtn {
				width: 160rpx;
				height: 64rpx;
				line-height: 64rpx;
				text-align: center;
				color: #fff;
				margin-top: 30rpx;
				border-radius: 8rpx;
				background: #030303;

				&:active {
					opacity: 0.88;
				}
			}
		}

		// 3d体验馆banner
		.learn_View {
			margin: 24rpx 32rpx 24rpx 32rpx;

			.learn_item {
				display: flex;
				align-items: center;
				justify-content: space-between;

				.learn_left {
					width: 392rpx;
					height: 252rpx;
					background: #f6fcfe;
					border-radius: 8rpx;
					padding: 20rpx 16rpx 24rpx 16rpx;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					position: relative;

					.learn_left_title {
						font-size: 32rpx;
						font-weight: 600;
						line-height: 44rpx;
						color: #333333;
						margin-bottom: 6rpx;
					}

					.learn_left_des {
						font-size: 20rpx;
						font-weight: 400;
						line-height: 36rpx;
						color: #939393;
					}

					.learn_left_buttom {
						width: 134rpx;
						height: 56rpx;
						background: #333333;
						border-radius: 8rpx;
						line-height: 56rpx;
						font-size: 20rpx;
						font-weight: 400;
						color: #ffffff;
						text-align: center;
						margin-left: 8rpx;
					}

					.learn_left_img {
						width: 282rpx;
						height: 220rpx;
						position: absolute;
						bottom: -18rpx;
						right: -28rpx;
					}
				}

				.learn_right {
					.learn_right_top {
						width: 284rpx;
						height: 120rpx;
						background: #effbed;
						border-radius: 8rpx;
						margin-bottom: 12rpx;
						display: flex;
						align-items: flex-start;
						padding: 20rpx 0rpx 0rpx 24rpx;
					}

					.learn_right_title {
						font-size: 28rpx;
						font-weight: 600;
						line-height: 40rpx;
						color: #333333;
						margin-bottom: 8rpx;
					}

					.learn_right_des {
						font-size: 20rpx;
						font-weight: 400;
						line-height: 28rpx;
						color: #939393;
					}

					.learn_right_image {
						width: 84rpx;
						height: 90rpx;
					}

					.learn_right_bottom {
						width: 284rpx;
						height: 120rpx;
						background: #eff4ff;
						border-radius: 8rpx;
						display: flex;
						align-items: flex-start;
						padding: 20rpx 0rpx 0rpx 24rpx;
					}
				}
			}
		}

		// 视频列表
		.livePlay {
			margin-top: 24rpx;
			padding: 0 0rpx 0 28rpx;

			.livePlayView {
				overflow: hidden;

				.livePlayMain {
					white-space: nowrap;
					overflow-x: auto;

					.livePlayItem {
						margin-right: 24rpx;
						display: inline-block;

						.livePlaybg {
							width: 324rpx;
							height: 170rpx;
							border-radius: 8rpx;
							position: relative;
							overflow: hidden;
							padding: 42rpx 24rpx 0 24rpx;

							.livePlay_left {
								display: flex;
								flex-direction: column;
								justify-content: space-between;
								height: 100%;

								.livePlay_title {
									font-size: 24rpx;
									font-weight: 400;
									line-height: 44rpx;
									color: #ffffff;
								}

								.livePlay_des {
									font-size: 16rpx;
									font-weight: 400;
									color: #a7a5a4;
									padding: 2rpx 8rpx;
									background: #fff;
									border-radius: 2rpx;
									width: max-content;
								}

								.livePlay_message {
									font-size: 16rpx;
									font-weight: 400;
									line-height: 44rpx;
									color: #ffffff;
								}
							}

							.livePlay_leftTop {
								background: rgba(0, 0, 0, 0.2);
								color: #fff;
								font-size: 20rpx;
								padding: 4rpx 12rpx;
								border-radius: 30rpx;
								position: absolute;
								top: 8rpx;
								left: 12rpx;
								display: flex;
								align-items: center;

								.livePlay_ing {
									width: 8rpx;
									height: 8rpx;
									border-radius: 50%;
									background-color: #0ee36a;
									margin-right: 8rpx;
									margin-bottom: 2rpx;
								}

								.livePlay_back {
									width: 12rpx;
									height: 12rpx;
									margin-right: 8rpx;
								}

								.livePlay_text {
									font-size: 16rpx;
									color: #fff;
								}
							}

							.livePlay_rightTop {
								background: linear-gradient(171deg, #efe8cf 0%, #f4ce9c 100%);
								border-radius: 0rpx 8rpx 0rpx 8rpx;
								position: absolute;
								top: 0rpx;
								right: 0rpx;
								font-size: 16rpx;
								font-weight: 400;
								color: #333333;
								padding: 8rpx 8rpx;
							}
						}
					}
				}
			}
		}

		// 推荐产品
		.i_recomd {
			background: #fff;

			.TitleView {
				display: flex;
				align-items: center;
				padding: 24rpx 32rpx 24rpx 40rpx;
				justify-content: space-between;
			}

			.i_tOper {
				color: #939393;

				.i_toIcon {
					color: #939393;
					font-size: 24rpx;
					display: flex;
					align-items: center;
				}
			}

			.i_rTitle {
				font-size: 36rpx;
				font-weight: 600;
				color: #333333;

				text .subtitle {}
			}

			.recomdDes {
				margin-bottom: 24rpx;
				font-size: 24rpx;
				font-weight: 400;
				color: #939393;
				padding: 0rpx 32rpx 0rpx 40rpx;
			}

			.i_rCan {
				height: 332rpx;
				overflow: hidden;
			}

			.i_rList {
				height: 400rpx;
				padding: 0 28rpx;
				white-space: nowrap;
				overflow-x: auto;
			}

			.i_rItem {
				width: 276rpx;
				margin-right: 32rpx;
				display: inline-block;

				&:nth-last-child(1) {
					margin-right: 0;
				}
			}

			.i_rImage {
				width: 100%;
				height: 224rpx;
				border-radius: 8rpx;
				background: #f6f7fb;
				position: relative;
				overflow: hidden;
			}

			.i_rTag {
				height: 40rpx;
				line-height: 40rpx;
				color: #fff;
				font-size: 20rpx;
				padding: 0 20rpx;
				border-radius: 30rpx;
				background: #030303;
				position: absolute;
				top: 16rpx;
				left: 16rpx;
			}

			.i_rText {
				width: 300rpx;
				height: 34rpx;
				line-height: 34rpx;
				font-size: 24rpx;
				font-weight: bold;
				margin-top: 16rpx;
			}

			.i_rFee {
				height: 34rpx;
				line-height: 34rpx;
				font-size: 16rpx;
				margin-top: 8rpx;
			}
		}

		// 3D体验
		.i_three {
			margin-top: 14rpx;
			// background: #fff;
			margin-top: 14rpx;
			padding-bottom: 24rpx;

			.TitleView {
				display: flex;
				align-items: center;
				padding: 24rpx 32rpx 4rpx 40rpx;
				justify-content: space-between;
			}

			.i_tOper {
				color: #939393;

				.i_toIcon {
					color: #939393;
					font-size: 24rpx;
					display: flex;
					align-items: center;
				}
			}

			.i_rTitle {
				font-size: 36rpx;
				font-weight: 600;
				color: #333333;
			}

			.recomdDes {
				margin-bottom: 24rpx;
				font-size: 24rpx;
				font-weight: 400;
				color: #939393;
				padding: 0rpx 32rpx 0rpx 40rpx;
			}

			.i_dRemark {
				font-size: 20rpx;
				font-weight: normal;
				padding-left: 24rpx;
			}

			.i_tSwiper {
				height: 240rpx;
				position: relative;
			}

			.i_tDots {
				width: 100%;
				position: absolute;
				bottom: 8rpx;
				left: 0;
				display: flex;
				justify-content: center;
			}

			.i_tDot {
				width: 24rpx;
				height: 36rpx;

				&.active .i_tIcon {
					background: #ffd425;
				}

				.i_tIcon {
					width: 12rpx;
					height: 12rpx;
					margin: 12rpx auto 0;
					border-radius: 50%;
					background: rgba(255, 255, 255, 0.5);
				}
			}

			.i_tCont {
				height: 100%;
				margin: 0 32rpx;
				border-radius: 10rpx;
				background: #f6f7fb;
				position: relative;
				overflow: hidden;
			}

			.i_tBtn {
				width: 102rpx;
				height: 102rpx;
				background: rgba(0, 0, 0, 0.4);
				border: 1px solid #fff;
				border-radius: 50%;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}

			.i_tbImg {
				width: 42rpx;
				height: 42rpx;
				margin: 20rpx auto 0;
			}

			.i_tbTxt {
				width: 100%;
				height: 34rpx;
				line-height: 34rpx;
				text-align: center;
				color: #fff;
				font-size: 24rpx;
				position: absolute;
				top: 58rpx;
				left: 0;
			}
		}

		// 商品推荐
		.P_View {
			background: #fff;

			.P_List {
				padding: 0 32rpx;

				.P_flex {
					display: flex;
					flex-wrap: wrap;
					align-items: center;
					justify-content: space-between;

					.P_item {
						margin-bottom: 24rpx;
						box-shadow: 0rpx 0rpx 16rpx rgba(0, 0, 0, 0.06);
						border-radius: 8rpx;
						overflow: hidden;
						height: 486rpx;
						width: 332rpx;

						.P_image {
							height: 334rpx;
							width: 332rpx;
						}

						.P_main {
							padding: 20rpx;

							.P_Title {
								font-size: 24rpx;
								font-weight: 400;
								line-height: 36rpx;
								color: #333333;
							}

							.P_Pirce {
								font-size: 28rpx;
								font-weight: 600;
								line-height: 44rpx;
								color: #333333;

								.P_money {
									font-size: 20rpx;
									font-weight: 400;
									line-height: 36rpx;
									color: #0d1019;
									margin-left: 4rpx;
								}
							}
						}
					}

					.P_buttom {
						width: 100%;
						height: 88rpx;
						background: #f8f8f8;
						border-radius: 4rpx;
						font-size: 28rpx;
						font-weight: 600;
						line-height: 88rpx;
						color: #333333;
						text-align: center;
						margin-bottom: 24rpx;
					}
				}
			}
		}

		// 设计师推荐
		.i_design {
			background: #fff;
			padding-bottom: 32rpx;

			.i_dOper {
				height: 62rpx;
				line-height: 62rpx;
				font-size: 24rpx;
				padding: 0 72rpx;
				margin-top: 30rpx;
				position: relative;
				float: right;

				.i_doIcon {
					width: 32rpx;
					height: 32rpx;
					margin-top: -16rpx;
					position: absolute;
					top: 50%;
					right: 32rpx;
				}
			}

			.i_tOper {
				height: 62rpx;
				line-height: 62rpx;
				font-size: 24rpx;
				padding: 0 64rpx;
				margin-top: 30rpx;
				position: relative;
				float: right;

				.i_toIcon {
					width: 32rpx;
					height: 32rpx;
					line-height: 32rpx;
					text-align: center;
					color: #6c6c6c;
					font-size: 24rpx;
					margin-top: -16rpx;
					position: absolute;
					top: 50%;
					right: 32rpx;
				}
			}

			.i_dTitle {
				height: 86rpx;
				line-height: 122rpx;
				font-size: 36rpx;
				font-weight: bold;
				padding-left: 32rpx;
			}

			.i_dList {
				width: 100%;
				padding: 6rpx 32rpx 28rpx 32rpx;
				overflow-x: auto;
				white-space: nowrap;

				&::-webkit-scrollbar {
					width: 0;
					height: 0;
					background-color: transparent;
				}
			}

			.i_dItem {
				width: 512rpx;
				height: 446rpx;
				margin-right: 24rpx;
				border-radius: 10rpx;
				background: #fff;
				box-shadow: 0rpx 0rpx 16rpx rgba(0, 0, 0, 0.06);
				display: inline-block;

				&:nth-last-child(1) {
					margin: 0;
				}
			}

			.i_dUser {
				height: 164rpx;
				padding: 28rpx 24rpx 28rpx 24rpx;
			}

			.i_dHead {
				width: 64rpx;
				height: 64rpx;
				margin-right: 20rpx;
				border-radius: 50%;
				background: #f6f7fb;
				overflow: hidden;
				float: left;
			}

			.i_dFee {
				height: 44rpx;
				line-height: 44rpx;
				font-size: 20rpx;
				float: right;
			}

			.i_dName {
				height: 34rpx;
				line-height: 34rpx;
				font-size: 24rpx;
				font-weight: bold;
				margin-top: 2rpx;
			}

			.i_dRemark {
				height: 28rpx;
				line-height: 28rpx;
				font-size: 20rpx;
				color: #939393;
			}

			.i_dTags {
				margin-top: 8rpx;
				display: flex;
				align-items: center;
				flex-wrap: wrap;
			}

			.i_dTag {
				height: 36rpx;
				line-height: 36rpx;
				color: #a98f68;
				font-size: 20rpx;
				padding: 0 20rpx;
				margin-right: 8rpx;
				border-radius: 18rpx;
				background: #f9f6f3;
				display: inline-block;
			}

			.i_dImage {
				height: 254rpx;
				margin: 0 28rpx;
				border-radius: 8rpx;
				background: #f6f7fb;
				overflow: hidden;
			}

			.i_design_btn {
				// width: 100%;
				flex: 1;
				height: 88rpx;
				background: #f8f8f8;
				border-radius: 4rpx;
				font-size: 28rpx;
				font-weight: 600;
				line-height: 88rpx;
				color: #333333;
				text-align: center;
				margin: 0 32rpx 0rpx 32rpx;
			}
		}

		// 品牌家具
		.i_brand {
			// .i_bOper {height: 62rpx;line-height: 62rpx;font-size: 24rpx;padding: 0 64rpx;margin-top: 30rpx;position: relative;float: right;
			// 	.i_boIcon {width: 32rpx;height: 32rpx;line-height: 32rpx;text-align: center;color: #6c6c6c;font-size: 32rpx;margin-top: -16rpx;position: absolute;top: 50%;right: 32rpx;}
			// }
			// .i_bTitle {height: 110rpx;line-height: 122rpx;font-size: 36rpx;font-weight: bold;padding-left: 32rpx;}
			margin-top: 14rpx;
			// background: #fff;
			margin-top: 14rpx;

			.TitleView {
				display: flex;
				align-items: center;
				padding: 24rpx 32rpx 24rpx 40rpx;
				justify-content: space-between;
			}

			.i_tOper {
				color: #939393;

				.i_toIcon {
					color: #939393;
					font-size: 24rpx;
					display: flex;
					align-items: center;
				}
			}

			.i_rTitle {
				font-size: 36rpx;
				font-weight: 600;
				color: #333333;
			}

			.i_bList {
				padding: 0 32rpx;
				overflow-x: auto;
				white-space: nowrap;
				margin-left: 8rpx;

				.i_bItem {
					margin-right: 22rpx;
					border-radius: 8rpx;
					position: relative;
					overflow: hidden;
					display: inline-block;
					background: #fff;
					box-shadow: 0rpx 0rpx 16rpx rgba(0, 0, 0, 0.06);

					.i_topimg {
						width: 194rpx;
						height: 90rpx;
					}

					.i_logo {
						height: 100rpx;
						width: 100rpx;
						border-radius: 50%;
						overflow: hidden;
						position: absolute;
						top: 40rpx;
						left: 50%;
						transform: translate(-50%, 0%);
						box-shadow: 0rpx 0rpx 16rpx rgba(0, 0, 0, 0.06);
					}

					.i_bottom {
						margin-top: 66rpx;
						padding-bottom: 24rpx;

						.i_title {
							font-size: 24rpx;
							font-weight: 500;
							line-height: 34rpx;
							color: #333333;
							text-align: center;
							margin-bottom: 2rpx;
						}

						.i_des {
							font-size: 16rpx;
							font-weight: 400;
							line-height: 22rpx;
							color: #939393;
							text-align: center;
						}
					}
				}
			}
		}

		// 推荐案例
		.i_demo {
			background: #fff;
			padding-bottom: 24rpx;

			.i_dOper {
				height: 62rpx;
				line-height: 62rpx;
				font-size: 24rpx;
				padding: 0 64rpx;
				margin-top: 30rpx;
				position: relative;
				float: right;

				.i_doIcon {
					width: 32rpx;
					height: 32rpx;
					line-height: 32rpx;
					text-align: center;
					color: #6c6c6c;
					font-size: 32rpx;
					margin-top: -16rpx;
					position: absolute;
					top: 50%;
					right: 32rpx;
				}
			}

			.i_dTitle {
				height: 110rpx;
				line-height: 122rpx;
				font-size: 36rpx;
				font-weight: bold;
				padding-left: 32rpx;
			}

			.i_dList {
				padding: 0 32rpx;
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				justify-content: space-between;
			}

			.i_dItem {
				width: 332rpx;
				height: 492rpx;
				margin-bottom: 24rpx;
				border-radius: 10rpx;
				overflow: hidden;
			}

			.i_dImg {
				width: 100%;
				height: 276rpx;
				background: #f6f7fb;
				overflow: hidden;
			}

			.i_dTit {
				line-height: 36rpx;
				font-size: 24rpx;
				margin-top: 14rpx;
			}

			.i_dTags {
				margin-top: 12rpx;
			}

			.i_dTag {
				height: 36rpx;
				line-height: 36rpx;
				color: #a98f68;
				font-size: 20rpx;
				padding: 0 16rpx;
				margin-right: 8rpx;
				border-radius: 18rpx;
				background: #f9f6f3;
				display: inline-block;
			}

			.i_dUser {
				color: #939393;
				margin-top: 16rpx;
			}

			.i_dRemark {
				height: 36rpx;
				line-height: 36rpx;
				font-size: 20rpx;
				float: right;
			}

			.i_dHead {
				width: 36rpx;
				height: 36rpx;
				margin-right: 8rpx;
				border-radius: 50%;
				background: #f6f7fb;
				overflow: hidden;
				float: left;
			}

			.i_dName {
				height: 36rpx;
				line-height: 36rpx;
				font-size: 20rpx;
				overflow: hidden;
			}

			.i_design_btn {
				flex: 1;
				height: 88rpx;
				background: #f8f8f8;
				border-radius: 4rpx;
				font-size: 28rpx;
				font-weight: 600;
				line-height: 88rpx;
				color: #333333;
				text-align: center;
				margin: 0 32rpx 0rpx 32rpx;
			}
		}

		// 内容
		.i_content {
			.i_cLine {
				height: 16rpx;
				background: #f6f7fb;
			}

			.i_cContain {
				width: 100vw;
				height: 100vh;
				display: flex;
				flex-flow: column;
				position: relative;
			}

			.i_cTabs {
				height: 112rpx;
				background: #fff;
				position: relative;
				position: sticky;
				top: 0;
				z-index: 10;
			}

			.i_cAdd {
				width: 104rpx;
				height: 104rpx;
				margin-top: 8rpx;
				position: absolute;
				top: 0;
				right: 0;
				display: flex;
				justify-content: center;
				align-items: center;

				&>image {
					width: 40rpx;
					height: 40rpx;
				}
			}

			.i_cTab {
				height: 112rpx;
				line-height: 122rpx;
				font-size: 28rpx;
				font-weight: 400;
				color: #6c6c6c;
				padding: 0 32rpx;
				position: relative;
				display: inline-block;

				&.active {
					color: #333;
					font-size: 36rpx;
					font-weight: 600;
					color: #333333;
				}

				&.active .i_cTab-txt::after {
					content: '';
					background-color: #c3ab7c;
					width: 52rpx;
					height: 8rpx;
					position: absolute;
					bottom: 19rpx;
					left: 50%;
					border-radius: 6rpx;
					transform: translate(-50%, 0%);
					z-index: 1;
				}

				.i_cTab-txt {
					height: 100%;
					position: relative;

					&>text {
						position: relative;
						z-index: 2;
					}
				}
			}

			.i_cSwiper {
				flex: 1;
				overflow: hidden;
			}

			.i_cScroll {
				height: 100%;
			}

			.i_cList {
				padding: 0 32rpx;
				display: flex;
			}

			.i_cLeft {
				flex: 1;
			}

			.i_cLeft:first-child {
				padding-right: 12rpx;
			}

			.i_cLeft:last-child {
				padding-left: 12rpx;
			}

			.i_cRight {
				flex: 1;
			}

			.i_cItem {
				width: 100%;
				border-radius: 8rpx;
				overflow: hidden;
				box-shadow: 0rpx 0rpx 16rpx rgba(0, 0, 0, 0.06);
				margin-bottom: 24rpx;
				padding-bottom: 20rpx;
			}

			.i_cImage {
				width: 100%;
				background: #f6f7fb;
				height: 360rpx;
				overflow: hidden;

				>image {
					min-height: 360rpx;
				}
			}

			.i_cTag {
				height: 44rpx;
				line-height: 44rpx;
				color: #a58f6d;
				font-size: 20rpx;
				padding: 0 16rpx 0 48rpx;
				margin: 16rpx 16rpx 0;
				border-radius: 22rpx;
				background: #f9f6f3;
				position: relative;
				display: inline-block;
				overflow: hidden;

				.i_ctIcon {
					width: 36rpx;
					height: 36rpx;
					position: absolute;
					top: 4rpx;
					left: 4rpx;
				}
			}

			.i_cText {
				line-height: 36rpx;
				font-size: 24rpx;
				margin: 16rpx 20rpx 0;
			}

			.i_cUser {
				margin: 16rpx 16rpx 0;
			}

			.i_cHead {
				width: 36rpx;
				height: 36rpx;
				margin-right: 8rpx;
				border-radius: 50%;
				background: #f6f7fb;
				float: left;
				overflow: hidden;
			}

			.i_cPraise {
				height: 36rpx;
				color: #939393;
				font-size: 20rpx;
				float: right;
				display: flex;
				align-items: center;
			}

			.i_cpIcon {
				width: 32rpx;
				height: 32rpx;
				margin: 0 8rpx;
			}

			.i_cName {
				height: 36rpx;
				line-height: 36rpx;
				color: #939393;
				font-size: 20rpx;
				overflow: hidden;
			}
		}
	}

	.inbeijing {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		bottom: 0;
		background: rgba(0, 0, 0, 0.25);
	}

	// 行业资讯
	.information {
		width: 100%;
		margin: 20rpx auto;
		background: #ffffff;
		opacity: 1;

		// border-radius: 16rpx;
		// padding: 32rpx 24rpx 28rpx 28rpx;
		.TitleView {
			display: flex;
			align-items: center;
			padding: 24rpx 32rpx 24rpx 40rpx;
			justify-content: space-between;

			.i_tOper {
				color: #939393;

				.i_toIcon {
					color: #939393;
					font-size: 24rpx;
					display: flex;
					align-items: center;
				}
			}

			.i_rTitle {
				font-size: 36rpx;
				font-weight: 600;
				color: #333333;
			}
		}

		// .sub-title {
		// 	display: flex;
		// 	padding: 0 12rpx;
		// 	justify-content: space-between;
		// 	text {
		// 		font-size: 32rpx;
		// 		font-family: PingFang SC;
		// 		font-weight: 600;
		// 		line-height: 32rpx;
		// 		color: #0a0605;
		// 	}
		// 	image {
		// 		width: 52rpx;
		// 		height: 52rpx;
		// 	}
		// }
		.list {
			display: flex;
			justify-content: space-between;
			border-bottom: 1rpx solid #f5f5f5;
			padding: 24rpx 32rpx;

			&:last-child {
				border-bottom: 0;
			}

			.list-left {
				.des {
					width: 356rpx;
					height: 128rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 44rpx;
					color: #0a0605;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 3;
					overflow: hidden;
				}

				.time {
					padding-top: 28rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 300;
					line-height: 24rpx;
				}
			}

			.info-img {
				width: 250rpx;
				height: 190rpx;
				border-radius: 8rpx;
			}
		}
	}

	// 浮窗按钮=====
	.s_fixed {
		position: fixed;
		right: 32rpx;
		bottom: 12%;
		z-index: 53;
	}

	.s_fixed .s_fBtn {
		width: 108rpx;
		height: 108rpx;
		margin-top: 22rpx;
		border-radius: 50%;
		background: #fff;
		box-shadow: 0 0 20rpx #dedede;
		position: relative;

		&:active {
			opacity: 0.92;
		}
	}

	.s_fixed .s_fcIcon {
		width: 40rpx;
		height: 40rpx;
		padding-top: 18rpx;
		margin: 0 auto;
		box-sizing: content-box;
	}

	.s_fcNum {
		height: 32rpx;
		line-height: 32rpx;
		color: #fff;
		font-size: 24rpx;
		padding: 0 10rpx;
		border-radius: 16rpx;
		background: #e5675a;
		position: absolute;
		top: 0;
		right: 0;
	}

	.s_fixed .s_fcTxt {
		height: 34rpx;
		line-height: 34rpx;
		text-align: center;
		font-size: 24rpx;
	}

	.yopcom {
		display: flex;
		text-align: center;
		font-size: 20rpx;
		margin: 0 32rpx;
		background: #fff;
		border-radius: 0 0 8pxrpx 8pxrpx;
		border-top: 1px #f6f7fb solid;
		line-height: 66rpx;

		.i_com {
			flex: 1;

			text {
				padding-left: 35rpx;
				color: #545456;
			}

			text.k1 {
				background: url(@/static/home/k1.png) no-repeat left center;
				background-size: 30rpx;
			}

			text.k2 {
				background: url(@/static/home/k2.png) no-repeat left center;
				background-size: 30rpx;
			}

			text.k3 {
				background: url(@/static/home/k3.png) no-repeat left center;
				background-size: 30rpx;
			}
		}
	}

	.bannerpop {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.2);
		z-index: 9999;

		.bannercont {
			width: 80%;
			position: absolute;
			left: 10%;
			top: 25%;

			.bannername {
				image {
					width: 100%;
					border-radius: 20rpx;
				}
			}

			.icon-close {
				display: block;
				font-size: 60rpx;
				color: #fff;
				text-align: center;
				margin: 30rpx auto;
			}

			.redMoney {
				position: absolute;
				margin-top: 186rpx;
				z-index: 200;
				font-size: 84rpx;
				left: 50%;
				transform: translate(-50%, 0);
				font-weight: bold;
				color: #eb4638;

				text {
					margin-left: 8rpx;
					font-size: 48rpx;
				}
			}

			.receiveBtn {
				position: absolute;
				margin-top: -108rpx;
				width: 264rpx;
				height: 58rpx;
				left: 50%;
				text-align: center;
				line-height: 58rpx;
				font-weight: bold;
				color: #cd312c;
				transform: translate(-50%, 0);
				background: linear-gradient(180deg, #fcc47b, rgba(253, 229, 184, 0.99));
				box-shadow: 0px 11px 38px 0px rgba(159, 11, 0, 0.23), 0px -4px 16px 0px rgba(255, 228, 201, 0.31);
				border-radius: 27rpx;
			}
		}
	}

	.giftPop {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.2);
		z-index: 9999;

		.bannercont {
			width: 80%;
			height: 860rpx;
			position: absolute;
			left: 10%;
			top: 20%;
			background: linear-gradient(156deg, #f1d9a4, #e3b26b);
			border-radius: 20px;

			.giftBagImg {
				position: absolute;
				left: 50%;
				top: -8%;
				transform: translate(-50%, -50%);
				width: 520rpx;
				height: 264rpx;
			}

			.in-frame {
				display: flex;
				align-items: center;
				width: 100%;
				height: 100%;

				.frame-box {
					width: 93.44%;
					height: 95.59%;
					margin: auto;
					padding: 20rpx;
					background: #fef4de;
					box-shadow: 0px 2px 14px 0px rgba(237, 207, 150, 0.8);
					border-radius: 20rpx;

					.column-title {
						margin-top: 55rpx;
						color: #5c3d06;
						text-align: center;
						font-weight: 500;

						text {
							font-size: 38rpx;
							display: block;
							font-weight: bold;
							line-height: 80rpx;
						}
					}

					.row-item {
						width: 490rpx;
						height: 148rpx;
						margin: auto;
						margin-bottom: 20rpx;
						background: #fffbf6;
						box-shadow: 0px 2px 6px 0px #f5eee0;
						border-radius: 10rpx;
						display: flex;
						align-items: center;
						justify-content: space-around;

						.sidebar_a {
							width: 36%;
							font-size: 42rpx;

							text {
								font-weight: bold;
								color: #e94b1a;
							}

							image {
								width: 150rpx;
								height: 150rpx;
								border-radius: 50%;
								margin: auto;
							}
						}

						.sidebar_b {
							font-size: 28rpx;
							color: #b97839;
							font-weight: bold;
							line-height: 40rpx;

							text {
								display: block;
								text-overflow: ellipsis;
								overflow: hidden;
								white-space: nowrap;
							}

							text.time {
								font-size: 24rpx;
								color: #9b8e77;
							}
						}
					}

					.libaoBtn {
						width: 440rpx;
						height: 80rpx;
						margin: 40rpx auto;
						background: linear-gradient(180deg, #f6dda5, #ebbc79);
						border-radius: 40rpx;
						text-align: center;
						color: #5c3d06;
						font-weight: bold;
						line-height: 80rpx;
					}
				}
			}

			.icon-close {
				display: block;
				font-size: 60rpx;
				color: #fff;
				text-align: center;
				margin: 48rpx auto;
			}
		}
	}

	.luck-draw {
		position: fixed;
		right: 0;
		bottom: 25.29%;

		.icon-close {
			font-size: 50rpx;
			color: #000;
			text-align: center;
			margin: 10rpx auto;
		}

		.luck-draw-img {
			width: 232rpx;
			height: 206rpx;
		}

		.luck-draw-close {
			width: 90rpx;
			height: 90rpx;
			margin: auto;
		}
	}

	.homeimgduobao {
		padding: 0 30rpx;
		margin-top: 10rpx;

		image {
			height: 180rpx;
			width: 100%;
		}
	}

	.homeimg {
		padding: 0 30rpx;
		margin-top: 10rpx;

		image {
			height: 170rpx;
			width: 100%;
		}
	}

	.list {
		display: flex;
		padding: 0 20rpx 0rpx;
	}

	.side-line {
		width: 50%;
	}

	.card {
		font-size: 30rpx;
		margin: 20rpx 10rpx;
		border-radius: 10rpx;
		background-color: #fff;
		box-shadow: 0rpx 0rpx 16rpx rgba(0, 0, 0, 0.06);
	}

	.name {
		font-size: 28rpx;
		line-height: 35rpx;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.price {
		color: red;
		font-size: 32rpx;
		font-weight: 700;
		padding: 12rpx 0;
	}

	.card>image {
		width: 100%;
		flex-shrink: 0;
		background-color: #f6f6f6;
		border-radius: 10rpx 10rpx 0 0;
		height: 345rpx !important;
		vertical-align: middle;
		max-width: 480rpx;
	}

	.card-right {
		padding: 20rpx 0;
		padding-bottom: 0;
		min-width: 300rpx;
		position: relative;
	}

	.cart {
		position: absolute;
		right: 10rpx;
		bottom: 10rpx;
		width: 40rpx;
		height: 40rpx;
	}

	.ts_item {
		float: left;
		border-radius: 10rpx;
		width: calc(33.2% - 11rpx);
		background: #fff;

		&:nth-last-child(2) {
			margin: 0 15rpx;
		}
	}

	.ts_img {
		padding-right: 20rpx;
	}

	.ts_cont {
		padding: 20rpx;
	}

	.ts_item .ts_tit {
		font-size: 32rpx;
		margin-bottom: 10rpx;
	}

	.ts_item .ts_tm {
		font-size: 28rpx;
		color: #999;
		margin-bottom: 10rpx;
	}

	.ts_can {
		height: auto !important;
		overflow: hidden;
	}

	.estateMes {
		font-size: 24rpx;
		font-weight: 400;
		color: #333333;
		margin: 5rpx 0;
	}

	.estatePirce {
		font-size: 24rpx;
		font-weight: 400;
		color: #c64843;
		margin-bottom: 12rpx;
	}

	// 客服弹框
	.pouchat {
		position: fixed;
		background: rgba(0, 0, 0, 0.5);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;

		.poucont {
			position: absolute;
			top: 30%;
			left: 15%;
			right: 15%;

			.icon-close {
				width: 80rpx;
				height: 80rpx;
				font-size: 70rpx;
				color: #fff;
				line-height: 80rpx;
				text-align: center;
				margin: 30rpx auto;
			}
		}

		.chatlist {
			background: #fff;
			padding: 30rpx;
			border-radius: 10rpx;
		}

		.chatml {
			position: relative;
			padding: 20rpx;
			padding-left: 100rpx;
			min-height: 120rpx;

			.cell-service {
				position: absolute;
				right: 0;
				bottom: 0;
				left: 0;
				top: 0;
				opacity: 0;
				z-index: 10;

				.cell--bubble {
					width: 100%;
				}
			}

			text {
				display: block;
				line-height: 40rpx;
			}

			.t1 {
				font-size: 32rpx;
			}

			.t2 {
				font-size: 24rpx;
				color: #999;
			}

			image {
				width: 70rpx;
				height: 70rpx;
				position: absolute;
				left: 15rpx;
				top: 25rpx;
			}
		}
	}

	.two_i_rCan {
		display: flex;
		margin-top: 20rpx;
		// padding: 0 17rpx;
		height:auto;

		.sideBar_left {
			width: 50%;
			height: 320rpx;
		}

		.sideBar_r {
			width: 50%;
			height: 320rpx;

			.two-items {
				display: block;
			}
		}

	}

	.maipou {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.2);
		z-index: 999;

		.maicont {
			position: absolute;
			top: 30%;
			left: 10%;
			right: 10%;
			background: #FFF;
			border-radius: 10rpx;
			overflow: hidden;
		}

		.maitop {
			line-height: 100rpx;
			font-size: 30rpx;
			text-align: center;
			position: relative;
			color: #FFE8D1;
			background: #3F434E;

			text {
				display: block;
				position: absolute;
				right: 0;
				width: 100rpx;
				font-size: 40rpx;
				top: 0;
				text-align: center;
			}
		}

		.contnam {
			margin: 40rpx 20rpx;
		}

		.itemmai {
			height: 120rpx;
			padding: 20rpx;
			line-height: 80rpx;
			margin: 20rpx;
			border-radius: 10rpx;
			overflow: hidden;

			image {
				width: 80rpx;
				height: 80rpx;
				float: left;
				margin-right: 20rpx;
			}
		}

		.itemmai.active {
			border: 1px #C3AB7C solid;
		}

		.itemsd {
			line-height: 80rpx;
			text-align: center;
			border: 1px #dedede solid;
			color: #888;
			border-radius: 50rpx;
			margin: 30rpx;
		}

		.itemsd.active {
			margin-top: 0;
			border: 1px #EFD3A0 solid;
			background: #EFD3A0;
			color: #221A15;
		}

		.maibtn {
			background: #F1DFB9;
			color: #221A15;
			height: 80rpx;
			line-height: 80rpx;
			text-align: center;
			width: 70%;
			margin: 30rpx auto;
			border-radius: 40rpx;
		}
	}
</style>
